// 顶部导航
Vue.component("topnav_topnav", {
    template: `<div class="topnav">
    <div class="topnav_bd w990 bc">
        <div class="topnav_left">

        </div>
        <div class="topnav_right fr">
            <ul>
                <li v-if="name==null">您好，欢迎来到商城！[<a href="login.html">登录</a>] [<a href="regist.html">免费注册</a>][<a href="" @click.prevent="Aotulogin">我的订单</a>]</li>
                <li v-else>您好，{{name}}![<a @click.prevent="logout">注销</a>] [<a href="order.html">我的订单</a>]</li>
              
              
                <li>客户服务</li>

            </ul>
        </div>
    </div>
</div>`,
    data() {
        return {
            name: localStorage.getItem("name")
        }

    },
    methods: {

        logout() {
            alert("注销事件被触发了")
            this.name = null
            localStorage.removeItem("token")
            localStorage.removeItem("name")
        },
        Aotulogin() {

            alert("请先登录")
            location.href = "login.html"
        }

    }
})
//  底部版权
Vue.component("topnav_bottom", {
    template: `<div class="footer w1210 bc mt10">
        <p class="links">
            <a href="">关于我们</a> |
            <a href="">联系我们</a> |
            <a href="">人才招聘</a> |
            <a href="">商家入驻</a> |
            <a href="">千寻网</a> |
            <a href="">奢侈品网</a> |
            <a href="">广告服务</a> |
            <a href="">移动终端</a> |
            <a href="">友情链接</a> |
            <a href="">销售联盟</a> |
            <a href="">商城论坛</a>
        </p>
        <p class="copyright">
            © 2005-2013 京东网上商城 版权所有，并保留所有权利。 ICP备案证书号:京ICP证070359号
        </p>
        <p class="auth">
            <a href=""><img src="images/xin.png" alt=""/></a>
            <a href=""><img src="images/kexin.jpg" alt=""/></a>
            <a href=""><img src="images/police.jpg" alt=""/></a>
            <a href=""><img src="images/beian.gif" alt=""/></a>
        </p>
    </div>`,
    data() {
        return {}

    },
    methods: {}
})
// 底部导航
Vue.component("topnav_bottomnav", {
    template: ` <div class="bottomnav w1210 bc mt10">
        <div class="bnav1">
            <h3><b></b> <em>购物指南</em></h3>
            <ul>
                <li><a href="">购物流程</a></li>
                <li><a href="">会员介绍</a></li>
                <li><a href="">团购/机票/充值/点卡</a></li>
                <li><a href="">常见问题</a></li>
                <li><a href="">大家电</a></li>
                <li><a href="">联系客服</a></li>
            </ul>
        </div>

        <div class="bnav2">
            <h3><b></b> <em>配送方式</em></h3>
            <ul>
                <li><a href="">上门自提</a></li>
                <li><a href="">快速运输</a></li>
                <li><a href="">特快专递（EMS）</a></li>
                <li><a href="">如何送礼</a></li>
                <li><a href="">海外购物</a></li>
            </ul>
        </div>


        <div class="bnav3">
            <h3><b></b> <em>支付方式</em></h3>
            <ul>
                <li><a href="">货到付款</a></li>
                <li><a href="">在线支付</a></li>
                <li><a href="">分期付款</a></li>
                <li><a href="">邮局汇款</a></li>
                <li><a href="">公司转账</a></li>
            </ul>
        </div>

        <div class="bnav4">
            <h3><b></b> <em>售后服务</em></h3>
            <ul>
                <li><a href="">退换货政策</a></li>
                <li><a href="">退换货流程</a></li>
                <li><a href="">价格保护</a></li>
                <li><a href="">退款说明</a></li>
                <li><a href="">返修/退换货</a></li>
                <li><a href="">退款申请</a></li>
            </ul>
        </div>

        <div class="bnav5">
            <h3><b></b> <em>特色服务</em></h3>
            <ul>
                <li><a href="">夺宝岛</a></li>
                <li><a href="">DIY装机</a></li>
                <li><a href="">延保服务</a></li>
                <li><a href="">家电下乡</a></li>
                <li><a href="">京东礼品卡</a></li>
                <li><a href="">能效补贴</a></li>
            </ul>
        </div>
    </div>`,
    data() {
        return {}

    },
    methods: {}
})